<template>
	<el-container>
		<el-aside style="width: 200px;height: 100%;">
			<Navbar></Navbar>
		</el-aside>
		<el-container>
			<el-header >
				<Header></Header>
			</el-header>
			<el-main>
				<router-view></router-view>
			</el-main>
		</el-container>
	</el-container>
</template>

<script>
	import Navbar from "../../components/backstage/Navbar.vue"
	import UserManage from "../../components/backstage/UserManage.vue"
	import Header from "../../components/backstage/Header.vue"
	export default {
		components: {
			Navbar,
			UserManage,
			Header
		}
	}
</script>

<style lang="scss" scoped>
	.el-container {
		height: 100vh;
		.el-container {
			.el-aside {
				padding: 0;
			}
			.el-main {
				padding: 0;
			}
			.el-header {
				position: relative;
				box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
				margin-bottom: 10px;
			}
		}
	}
</style>